<template>
  <div class="goods-list">
    <router-link to="/addGood">新增商22品</router-link>
    
    <a-dropdown>
      <a
        class="ant-dropdown-link"
        href="#"
      >
        Hover me
        <a-icon type="down" />
      </a>
      <a-menu slot="overlay">
        <a-menu-item>
          <a href="javascript:;">1st menu item</a>
        </a-menu-item>
        <a-menu-item>
          <a href="javascript:;">2nd menu item</a>
        </a-menu-item>
        <a-menu-item>
          <a href="javascript:;">3rd menu item</a>
        </a-menu-item>
      </a-menu>
    </a-dropdown>
    <a-breadcrumb>
      <a-breadcrumb-item>Home</a-breadcrumb-item>
      <a-breadcrumb-item><a href="">Application Center</a></a-breadcrumb-item>
      <a-breadcrumb-item><a href="">Application List</a></a-breadcrumb-item>
      <a-breadcrumb-item>An Application</a-breadcrumb-item>
    </a-breadcrumb>
    <a-pagination
      v-model="current"
      :total="50"
    />
    <a-cascader
      :options="options"
      @change="onChange"
      placeholder="Please select"
    />
    <a-dropdown>
      <a
        class="ant-dropdown-link"
        href="#"
      >
        Cascading menu
        <a-icon type="down" />
      </a>
      <a-menu slot="overlay">
        <a-menu-item>1st menu item</a-menu-item>
        <a-menu-item>2nd menu item</a-menu-item>
        <a-sub-menu
          title="sub menu"
          key="test"
        >
          <a-menu-item>3rd menu item</a-menu-item>
          <a-menu-item>4th menu item</a-menu-item>
        </a-sub-menu>
        <a-sub-menu
          title="disabled sub menu"
          disabled
        >
          <a-menu-item>5d menu item</a-menu-item>
          <a-menu-item>6th menu item</a-menu-item>
        </a-sub-menu>
      </a-menu>
    </a-dropdown>
  </div>
</template>
<script>
export default {
  name: "GoodsList",
  data() {
    return {
      current: 2,
      options: [
        {
          value: "zhejiang",
          label: "Zhejiang",
          children: [
            {
              value: "hangzhou",
              label: "Hangzhou",
              children: [
                {
                  value: "xihu",
                  label: "West Lake"
                }
              ]
            }
          ]
        },
        {
          value: "jiangsu",
          label: "Jiangsu",
          children: [
            {
              value: "nanjing",
              label: "Nanjing",
              children: [
                {
                  value: "zhonghuamen",
                  label: "Zhong Hua Men"
                }
              ]
            }
          ]
        }
      ]
    };
  },
  methods: {
    onChange(value) {
      alert(value);
    }
  }
};
</script>
<style >
</style>
